<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="../styles.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- DATE PICKER SCRIPT -->
<link type="text/css" href="../css/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.8.21.custom.min.js"></script>
<script>
	$(function() {
		$( "#arrival1" ).datepicker();
		$( "#departure1" ).datepicker();
		$( "#arrival2" ).datepicker();
		$( "#departure2" ).datepicker();
	});
	</script>
  <!-- END DATE PICKER SCRIPT -->
  
  <script> 
  $(document).ready(function(){
  $('ul.guest_timeline_list li:nth-child(odd)').addClass('alternate');
});
</script>


<title>Perfil de Huésped :: Costa Baja</title>

</head>
<body>

<div id="main_wrapper">
    	<div class="main_wrapper_margin">
        	
            <div class="admin_top_menu">
            <!--#INCLUDE FILE="admin_menu.asp"--> 
           	</div>
        
    		<h1>Huésped: Jonh Doe</h1>
         	<div class="clear"></div>
            
            <hr/>
           
           <div class="todo_column">
        <p><strong>Estado de Huésped: </strong>Nuevo Perfil</p>
  
 <form>
           <fieldset>
           	<legend>Informacion Personal</legend>
            <table cellpadding="0" width="100%">
            	
                <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Nombre: </label><br />
					<input type="text" />
  					</td>
                    <td width="33%">
                    <label>Segundo Nombre: </label><br />
                    <input type="text" />
            		</td>
                    <td width="33%">
                    <label>Apellido: </label><br />
					<input type="text" />
                    </td>
                </tr><!-- END ROW -->
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Telefono: </label><br />
					<input type="text" />
  					</td>
                    <td width="33%">
                    <label>E-mail: </label><br />
					<input type="text" />
            		</td>
                    <td width="33%">
                    		<label>Idioma: </label><br />
            			<select>
	            		<option value="">-- Seleccionar --</option>
            			<option value="Español">Español</option>
                		<option value="English">English</option>
            			</select>
                    
                    </td>
                </tr><!-- END ROW -->
                
                  <tr> <!-- ROW -->
                    <td>
            	<label>Direccion 1: </label><br />
                <input type="text" />
            		</td>
                    <td>
            	<label>Direccion 2: </label><br />
                <input type="text" />
            		</td>
                    <td>
             <label>Ciudad: </label><br />
                <input type="text" />
            		</td>
                 </tr><!-- END ROW -->
                
               <tr> <!-- ROW -->
                    <td>
            	<label>Stado / Provincia: </label><br />
                <input type="text" />
            		</td>
                    <td>
            	<label>Codigo Postal: </label><br />
                <input type="text" />
            		</td>
                    <td>
             <label>Pais: </label><br />
                <input type="text" />
            		</td>
                 </tr><!-- END ROW -->
                    
                <tr> <!-- ROW -->
                    <td>
                  		<label>Comunicasion: </label><br />
            			<select>
            			<option value="">-- Seleccionar --</option>
            			<option value="Telefono">Telefono</option>
                		<option value="E-Mail">E-Mail</option>
            			</select>
            		</td>
                    <td>
	<label>Propiedad: </label><br />
            			<select>
			    		<option value="">-- Seleccionar --</option>
            			<option value="VM - Vista Mar">VM - Vista Mar</option>
                		<option value="LC - Las Colinas Resort">LC Las Colinas Resort</option>
            			</select>
            		</td>
                    <td>
             		<label>Ingresar CODIGO: </label><br />
					<input type="text" />
                    </td>
                 </tr><!-- END ROW -->
           
            </table>
            
           </fieldset>
           
           
           <fieldset><!-- TRANSPORTACION -->
           		<legend>Tarjeta de Credito</legend>
                
           <table cellpadding="0" width="100%">  
              <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Nombre: </label><br />
					<input type="text" />   </td>
                    <td width="33%">
                             <label>Tipo: </label><br />
					<select>
	            		<option value="">-- Seleccionar --</option>
            			<option value="Visa">Visa</option>
                		<option value="Master Card">Master Card</option>
                        <option value="American Express">American Express</option>
                        <option value="Discover">Discover</option>
                       </select>
                    </td>
                    
                 <td width="33%">
                             <label>Numero de Tarjeta: </label><br />
				<input type="text" />
                    </td>
                    
                    </tr>
           
              
           <tr> <!-- ROW -->
                  <td width="33%">
                    <label>Fecha de Expiracion (mm/dd/yyyy)</label><br />
					<select class="short">
	            		<option value="01">01</option>
            			<option value="02">02</option>
                		<option value="03">03</option>
                        <option value="04">04</option>
                        <option value="05">05</option>
                     	<option value="06">06</option>
            			<option value="07">07</option>
                		<option value="08">08</option>
                        <option value="09">09</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
            			<option value="12">12</option>
                </select>
                    &nbsp;/&nbsp;
                        <select class="short">
	            		<option value="01">01</option>
            			<option value="02">02</option>
                		<option value="03">03</option>
                        <option value="04">04</option>
                        <option value="05">05</option>
                     	<option value="06">06</option>
            			<option value="07">07</option>
                		<option value="08">08</option>
                        <option value="09">09</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
            			<option value="12">12</option>
                		<option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
            			<option value="17">17</option>
                		<option value="18">18</option>
                        <option value="19">19</option>
                        <option value="20">20</option>
                        <option value="21">21</option>
                        <option value="22">22</option>
                        <option value="23">23</option>
            			<option value="24">24</option>
                		<option value="25">25</option>
                        <option value="26">26</option>
                        <option value="27">27</option>
                        <option value="28">28</option>
            			<option value="29">29</option>
                		<option value="30">30</option>
                        <option value="31">31</option>
                       </select>&nbsp;/&nbsp;
                    	<select class="short">
	            		<option value="2012">2012</option>
            			<option value="2013">2013</option>
                		<option value="2014">2014</option>
                        <option value="2015">2015</option>
                        <option value="2016">2016</option>
                       </select>
            		</td>
                    
                    <td>
                      <label>Codigo de Seguridad: </label><br />
				<input type="text" />
                    </td>
                    
                </tr><!-- END ROW --> 
           
           </table>
           </fieldset><!-- END TRANSPORTACION -->
           

<!-- SECOND PART OF THE FORM -->           
           <fieldset>
           		<legend>Informacion de Viaje</legend>
      
                  <table cellpadding="0" width="100%">
                  
                    <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Originador :</label><br />
                    <input type="text"  />
  					</td>
                    <td width="33%">
                    <label>Producto :</label><br />
                     	<select>
			    		<option value="">-- Seleccionar --</option>
            			<option value="Residencia">Residencia</option>
                		<option value="Full/Ownership">Full/Ownership</option>
            			</select>
            		</td>
                    <td width="33%">
                    <label>Campaña :</label><br />
					<input type="text" />
                    </td>
                </tr><!-- END ROW -->
                  
                  
                     <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Fecha 1</label>
  					</td>
                    <td width="33%">
                    <label>Llegada: </label><br />
                    <input type="text" id="arrival1" />
            		</td>
                    <td width="33%">
                    <label>Salida: </label><br />
					<input type="text" id="departure1"/>
                    </td>
                </tr><!-- END ROW -->
                
        
                     <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Fecha 2</label>
  					</td>
                    <td width="33%">
                    <label>Llegada: </label><br />
                    <input type="text"  id="arrival2"/>
            		</td>
                    <td width="33%">
                    <label>Salida: </label><br />
					<input type="text" id="departure2"/>
                    </td>
                </tr><!-- END ROW -->
            
                <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Numero de Acompañantes: </label><br />
                    <select>
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
					<option value="10">10</option>
                    <option value="10">10</option>                    
                    </select>
  					</td>
                    <td width="33%">
                    <label>Numero de Niños: </label><br />
                    <select>
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
					<option value="10">10</option>
                    <option value="10">10</option>                    
                    </select>
                    </td>
                    <td width="33%">
                    <label>Noches Extras: </label><br />
					<select>
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    </select>
                    </td>
                </tr><!-- END ROW -->
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Nombres de Acompañantes: </label><br />
					<textarea cols="15" rows="5"></textarea>
  					</td>
                    <td width="33%">
                    <label>Detalles de Habitacion: </label><br />
					<textarea cols="15" rows="5"></textarea>
            		</td>
                    <td width="33%">
                    
                            <label>Actividades: </label><br />
					<textarea cols="15" rows="5"></textarea>
              
                    </td>
                </tr><!-- END ROW -->
             
            </table>
				                
           </fieldset><!-- END OF FADED -->
           
            <fieldset><!-- TRANSPORTACION -->
           		<legend>Transporte</legend>
                
           <table cellpadding="0" width="100%">     
           <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Aereolinea: </label><br />
					<select>
	            		<option value="">-- Seleccionar --</option>
            			<option value="American Airlines">American Airlines</option>
                		<option value="United">United</option>
                        <option value="AereoMexico">AereoMexico</option>
                        <option value="LAN">LAN</option>
                       </select>
                       </td>
                    <td width="33%">
                             <label>Aereopuerto: </label><br />
					<select>
	            		<option value="">-- Seleccionar --</option>
            			<option value="La Paz">La Paz</option>
                		<option value="Los Cabos">Los Cabos</option>
            		</select>
                    </td>
                    
                   <td width="33%">
                    <label>Necesitan Transporte? </label><br />
					<select>
	            		<option value="">-- Seleccionar --</option>
            			<option value="SI">SI</option>
                		<option value="NO">NO</option>
            		</select>
            		</td>
                </tr><!-- END ROW --> 
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Hora Aproximada de llegada: </label><br />
					<input type="text" />
                    
                    
                       </td>
                    <td width="33%">&nbsp;
                  
                    </td>
                    
                   <td width="33%">&nbsp;
                 
            		</td>
                </tr><!-- END ROW --> 
                
                 <tr><!-- ROW -->
                <td colspan="3">
                <label>Notas: </label><br />
                <textarea cols="50" rows="3"></textarea>
                </td>
                </tr><!-- END ROW -->
                
                <tr><!-- ROW -->
                <td colspan="3">
                <label>Inforamacion Pendiente: </label><br />
                <textarea cols="50" rows="3"></textarea>
                </td>
                </tr><!-- END ROW -->
                
                
                  <tr> <!-- ROW -->
                	
                    <td valign="bottom" align="center" colspan="3">
                    <br />
                    <input type="submit"  value="Enviar"/>
            		</td>
                    <td width="33%">&nbsp;
                    
                    </td>
                </tr><!-- END ROW -->
           
           </table>
           </fieldset><!-- END TRANSPORTACION -->
           </form>
           
            
  		
           
          	</div><!-- END .todo_column -->
			
            <div class="timeline_column">
            <div class="profile_top_right">
 			<h2>Historia de Huesped</h2>
            <ul class="guest_timeline_list">
            
            	<li><a href="#">Addicionado</a> <span>07/15/2012</span></li>
                <li><a href="#">Carta enviada</a> <span>07/18/2012</span></li>
                <li><a href="#">CB Verificasion</a> <span>07/21/2012</span></li>
	            <li><a href="#">Transporation Call</a> <span>07/22/2012</span></li>
            
            
            </ul>
            
            
            </div><!-- profile_top_right -->
            
            <div class="profile_bottom_right">
            
            <form>
            <label>Resultados:</label><br />
            <input type="text" /><br />
            <label>Vendedor:</label><br />
            <input type="text" /><br />
            <input type="submit"  value="Enviar"/>        
            </form>
            
            </div><!-- .profile_bottom_right -->
            
            </div> <!-- END .timeline_column -->
            
            <div class="clear"></div>    
    
    
    
    	</div><!-- END .main_wrapper_margin -->
	</div><!-- END #main_wrapper -->

         <!-- FOOTER -->
         
         <!--#INCLUDE file="admin_footer.asp"-->
         
         <!-- END FOOTER -->   

</body>
</html>
